/*.container {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    left: 0px;*/
/*    top: 0px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.title {*/
/*    font-size: 40px;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    height: 40%;*/
/*    margin: 10px;*/
/*}*/

/*@media screen and (device-type: tablet) and (orientation: landscape) {*/
/*    .title {*/
/*        font-size: 100px;*/
/*    }*/
/*}*/
/*@media screen and (device-type: wearable) {*/
/*    .title {*/
/*        font-size: 28px;*/
/*        color: #FFFFFF;*/
/*    }*/
/*}*/
/*@media screen and (device-type: tv) {*/
/*    .container {*/
/*        background-image: url("/common/images/Wallpaper.png");*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/
/*        background-position: center;*/
/*    }*/
/*    .title {*/
/*        font-size: 100px;*/
/*        color: #FFFFFF;*/
/*    }*/
/*}*/
/*@media screen and (device-type: phone) and (orientation: landscape) {*/
/*    .title {*/
/*        font-size: 60px;*/
/*    }*/
/*}*/

/*.container {    display: flex;*/

/*    flex-wrap: wrap;*/
/*}*/

.box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
/*    flex-wrap: wrap;*/
/*    flex-direction: column;*/
    overflow: auto;
    width: 320px;
/*    height: 1000px;*/
}
image {
    margin-left: 42px;
    margin-top: 10px;
    height: 300px;
    width: 300px;
    border: black;
    border-width: 1px;
}
video {
    margin-left: 42px;
    margin-top: 10px;
    height: 300px;
    width: 300px;
    border: black;
    border-width: 1px;
/*    display: none;*/
}

#wrapper {
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: scroll;
}

#div1 {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
/*    overflow: scroll;*/
    flex-wrap: wrap;
    visibility: visible;
}

#image1 {
    width: 359px;
    height: 359px;
    border-width: 1px;
    visibility: visible;

}

#image14 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image13 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image12 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image11 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image10 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image9 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image8 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image7 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image6 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image5 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image4 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image3 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}

#image2 {
    width: 359px;
    height: 359px;
    border-width: 1px;
}




